import React, { useEffect, useState } from 'react'

// import DataList from './components/WithLoading/DataList.js'
// import PersonInfo from './components/WithAuth/PersonInfo.js'
import GetPerson from './components/WithGetData/GetPerson.js'
export default function A001HOC() {

  let [isLoading, setIsLoading] = useState(true)
  useEffect(() => {

    setTimeout(() => {
      setIsLoading(false)
    }, 2000)
  }, [])

  return (
    <code>
      A001：高阶组件(HOC)是什么?你在业务中使用过解决了什么问题 <br />

      高阶组件：是一个函数，<br />
      作用：接收组件作为参数并返回一个新组件，也可以理解成组件的转换器。<br />
      高阶组件通常用于在组件之间复用逻辑，例如状态管理、数据获取、访问控制等。<br />
      eg：使用WithLoading组件
      <br />

      {/* <DataList list={[1, 2, 3]} isLoading={isLoading} />*/}
      <br />
      {/* <PersonInfo /> */}
      <br />
        <GetPerson isLoading={isLoading} url={'/app/get/personInfo'} />

    </code>
  )
}
